/*!
Theme Name: Oriole, iClicks
Theme URI: https://iclicks.nl/
Author: Jonathan Munoz, iClicks
Author URI: https://iclicks.nl/
Description: Customized iClicks theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: oriole
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, grid-layout, one-column, two-columns, left-sidebar, right-sidebar, footer-widgets, full-width-template, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Oriole is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* * { outline: 1px red solid !important; visibility: visible !important }; */

/* Homepage */

/* .social-content {
  margin-right: -14px;
  margin-left: -14px;
} */
.home__map-block img {
  object-fit: contain;
}

.xiazaijishuziliao{
	display: none;
}

#mega-menu-item-4465{
	display: none !important;
}

.post-thumbnail img {
  max-height: 240px;
  object-fit: cover;
}

.swiper-home-hero,
.banner-image,
.banner-image img {
  max-height: 400px;
  object-fit: cover;
  width: 100%;
}

.fourblocks img {
  height: 300px;
  object-fit: cover;
  width: 100%;
}

/* Vacancies */
.page-template-vacancies .part__info-blocks .content {
  padding: 2.5rem !important
}

.page-template-vacancies .content h4 {
  word-break: break-word;

}

/* Dealer page */
.gmw-form-wrapper {
  width: calc(30% - 20px);
  margin-right: 20px !important;
  margin-top: 0px !important;
  float: left;
  padding: 1.5rem;
  background: black;
}

.gmw-results-wrapper {
  width: 70%;
  float: left;
}

div.gmw-results-wrapper ul.posts-list-wrapper li.single-post {
  padding: 10px 30px !important;
}

div.gmw-results-wrapper ul.posts-list-wrapper li::before {
  left: 14px;
  top: 7px;
}

div.gmw-form-wrapper .gmw-submit,
div.gmw-form-wrapper input[type=submit] {
  padding: 15px 30px !important;
  background: #fff !important;
  color: black !important;
  font-size: 16px !important;
  font-weight: 700 !important
}

div.gmw-form-wrapper input[type="text"],
div.gmw-form-wrapper select {
  margin-top: 6px;
  padding: 8px 20px 7px !important;
  min-height: 50px;
}

div.gmw-results-message,
div.gmw-results-wrapper ul.posts-list-wrapper li.single-post,
div.gmw-results-wrapper ul.posts-list-wrapper {
  border-bottom: 0px !important;
  border-top: 0px !important;
  background: transparent;
}

#gmw-map-1 {
  border: 15px solid #f9f9f9;
}

#gmw-map-wrapper-1 {
  height: 400px !important;
  display: block !important;
}

ul.gmw-location-meta li::before,
.gmw-excerpt.excerpt ul li::before,
div.gmw-results-wrapper ul.gmw-pagination li::before {
  content: '' !important;
}

div.gmw-results-wrapper ul.gmw-pagination li::before {
  padding-left: 0px;
}

.gmw-map-wrapper.sl.single_location,
.gmw-single-location-wrapper {
  width: 100% !important;
  background: #f8f8f8 !important;
  border: 0px !important;
}

.gmw-single-location-wrapper h3.gmw-sl-title {
  border-bottom: 0px solid #e1e8ed !important;
}

div.gmw-results-wrapper.gray ul.posts-list-wrapper .post-content .left-col {
  float: right !important;
}

div.gmw-results-wrapper.gray ul.posts-list-wrapper .post-content .right-col {
  float: left !important;
  padding-left: 0px !important
}

div.gmw-results-wrapper.gray ul.posts-list-wrapper .post-content .right-col h3,
div.gmw-results-wrapper.gray ul.posts-list-wrapper .post-content h2 {
  font-size: 16px !important;
}

div.gmw-results-wrapper.gray ul.posts-list-wrapper .post-content .left-col h4,
div.gmw-results-wrapper.gray ul.posts-list-wrapper .post-content h2 {
  font-size: 16px !important;
  margin: 0px 0 5px 0px;
  color: #555;
  padding: 0px;
  line-height: 26px;
}

div.gmw-results-wrapper.gray ul.posts-list-wrapper .top-wrapper div.address-wrapper {
  float: inherit !important;
}

.gmw-results-wrapper .gmw-pagination li,
.gmw-results-wrapper ul li {
  padding-left: 0px
}

.grecaptcha-badge {
  display: none;
}

/* Keuzehulp */
.home__search .wpcf7 img {
  height: 300px;
  object-fit: cover;
  transition: 0.3s;
  width: 100%
}

.home__search .wpcf7 {
  padding: 1.5rem
}

.home__search .wpcf7 p {
  margin-bottom: 0rem;
  height: 10px;
}

.home__search .wpcf7 .image-wrap {
  position: relative;
}

.home__search .wpcf7 .image-wrap a.result-name {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
  font-size: 30px;
  font-weight: 900;
  text-transform: lowercase;
  text-shadow: 1px 1px 10px #000000a3;
}

.home__search .wpcf7 .result-btn {
  width: 100%;
  margin-bottom: 20px;
}

.home__search .wpcf7 .filter-result .image-wrap:hover img {
  opacity: 0.8;
}

.home__search form {
  background: #fff;
  padding: 0px !important;
  width: 100%
}

.home__search .wpcf7 {
  width: 100%
}

.home__search .wpcf7 .wpcf7-form label {
  color: #555;
  font-weight: 700 !important;
}

/* Contact form */
.wpcf7 form.sent .wpcf7-response-output {
  color: white !important;
}

/* Swipe  */
.swiper-slide {
  cursor: pointer;
}

.swiper-slide-thumb-active img {
  -webkit-filter: brightness(100%) !important;
}

.swiper-slide-visible img {
  -webkit-filter: brightness(50%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

#searchform input {
  line-height: 0 !important;
  font-size: initial !important;
  color: #fff;
}

#searchform input::placeholder {
  /* WebKit browsers */
  line-height: normal !important;
  min-height: 34px !important;
}

#searchform input::-webkit-input-placeholder {
  /* WebKit browsers */
  line-height: normal !important;
  min-height: 34px !important;
}

#searchform input:-moz-placeholder {
  /* Mozilla   Firefox 4 to 18 */
  line-height: normal !important;
  min-height: 34px !important;
}

#searchform input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  line-height: normal !important;
  min-height: 34px !important;
}

#searchform input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  line-height: normal !important;
  min-height: 34px !important;
}

/* MISC */
.hv_image-wrap-2 iframe {
  height: 50vw;
}
.vacancy-image {
    max-height: 300px;
    width: 100%;
    object-fit: cover;
}

.cookieconsent-form input[type="checkbox"] {
  width: 25px;
  float: left;
  margin-right: 10px;
}

.cookieconsent-form label {
  width: calc(100% - 50px);
  float: left;
  margin-top: 9px
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;  /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 20px;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.openingstijden span{
	display:inline-block;
	float:left;
	width:90px;
}
.social-icons a{
  margin-right: 5px;
}
.social-icons .fab:before{
  background: #fff;
    color: #000;
    font-size: 25px;
    padding: 10px;
    border: none;
    box-shadow: none;
}

ul.check li::before,
.main-wrapper ul.check li::before{
  content: '\f00c'!important;
}

.text-white a{
  color:#fff;
  font-weight: 600;
}

@media (max-width:1024px) {

  .gmw-form-wrapper,
  .gmw-results-wrapper {
    width: 100%
  }
}

@media (max-width: 767.98px){
  article.home__walls .gallery.gallery-adaptive .row {
      grid-template-rows: repeat(8, calc(1340px/ 4));
      grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 640px) {
  .gdpr-consent-management header {
    min-height: 24px
  }
}

@media (max-width:578px) {
  .intro-wrapper .button {
    width: auto;
    padding: 1.5rem 3rem;
  }

  ul#menu-footer-1-2-nl {
    margin-bottom: 7px;
  }

  .site-footer .footer-col {
    padding-bottom: 0px
  }

  .masonry {
    grid-template-columns: auto;
    grid-template-rows: auto;
  }
}

@media (max-width:400px) {
  .systemwalls__single__technical-info h2 {
    font-size: 2.4rem
  }

  section.systemwalls__single__technical-info .ti-readmore i {
    font-size: 21px;
    bottom: 1px;
  }
}



/* GALLERY */

.masonry::after {
  content: "";
  flex-basis: 100%;
  width: 0;
  order: 2;
}

.masonry {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 250px);
}

.masonry .cell {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #929796;
  /* border-radius: 3px; */
  margin: 0px;
  background-color: black;
}

.masonry .cell:nth-child(1) {
  grid-column-end: span 2;
  grid-row-end: span 2;
}

.masonry .cell:nth-child(4) {
  grid-column-end: span 2;
  grid-row-end: span 1;
}

/* .masonry .cell:nth-child(5) {
    grid-column-end: span 2;
    grid-row-end: span 1;
}
.masonry .cell:nth-child(9) {
    grid-column-end: span 2;
    grid-row-end: span 1;
} */
.masonry img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 3px;
  transition: 0.5s;
}

.masonry .cell {
  position: relative;
}

.masonry .cell img:after {
  position: absolute;
  font-family: 'Font Awesome 5 Free';
  opacity: 0;
  content: '\f00e';
}

.masonry .cell:hover img {
  opacity: 0.4;
}

.masonry .cell:hover img:after {
  opacity: 1;
}

.masonry .cell:nth-child(4):hover img {
  opacity: 0.1;
}

.masonry .cell:nth-child(4):hover .gallery-button {
  transform: scale(1.2);
}

.masonry .cell:nth-child(4) img {
  opacity: 0.2;
}

.gallery-button {
  display: none;
}

.gallery-button .fa-plus {
  font-size: 1.6rem;
  position: relative;
  top: -2px;
}

.masonry .cell:nth-child(4) .gallery-button {
  /* display: block;
    width: 50%;
    height: 88px;
    -moz-border-radius: 44px;
    position: absolute;
    right: 25%;
    top: 0px;
    top: 73px;
    height: 35%;
    z-index: 2;
    text-align: center;
    padding-top: 26px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-sizing: border-box; */
  font-size: 24px;
  color: #fff;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  box-sizing: border-box;
  display: block;
  height: 20px;
  -moz-border-radius: 44px;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);

}

.masonry:before {
  content: '';
  position: absolute;
  top: calc(250px / 2);
  z-index: -1;
  left: 0;
  height: calc(100% - 170px / 2);
  width: 100%;
  background-color: #ef7723;
  background-image: url(../../uploads/2021/02/bg-oranje-klein.jpeg);
  background-size: 100%;
  background-repeat: repeat;
}

@media (max-width:578px) {
  .masonry {
    grid-template-columns: auto;
    grid-template-rows: auto;
  }
}

/* END GALLERY */

body.single .post-nav-wrapper {
  background-color: #000;
}

.offset-scroll {
  padding-top: 100px;
  margin-top: -55px;
}

.addtoany_shortcode a svg {
height:32px;
}

.bg-black .text-white a {
  color:#000;
}

.vacature-slide-full{
  width: 100%!important;
}
.vacature-slide-triple{
  width: 75%!important;
}
.vacature-slide-dubbel{
  width: 50%!important;
}
.vacature-slide-enkel{
  width: 25%!important;
}

#post-13083{
  display: none;
}